<template>
    <div class="container"></div>
</template>
<!-- <script setup>
import { onMounted, onBeforeMount } from 'vue';
onBeforeMount(()=>{
    console.log('DOM元素渲染前',document.querySelector('.container'));
    
})
onMounted(()=>{
    console.log('DOM元素渲染后',document.querySelector('.container'));
})
</script> -->

<script>
export default{
    data(){
        return{
            value:'Hello Vue.js'
        }
    },beforeCreate(){
        console.log('实例创建前'+this.value);
    },created(){
        console.log('实例创建后'+this.value);
        
    }
}
</script>